<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>中国饮食文化</title>
    <style>
        /* 使用与主页面相同的样式 */
        body {
            font-family: 'Microsoft YaHei', sans-serif;
            margin: 0;
            padding: 0;
            background-color: #f9f3e9;
            color: #333;
        }
        header {
            background-color: #8B0000;
            color: white;
            text-align: center;
            padding: 20px;
        }
        nav {
            background-color: #DAA520;
            padding: 10px;
            text-align: center;
        }
        nav a {
            color: white;
            text-decoration: none;
            margin: 0 15px;
            font-weight: bold;
        }
        nav a:hover {
            text-decoration: underline;
        }
        .container {
            max-width: 1200px;
            margin: 20px auto;
            padding: 0 20px;
        }
        .cuisine {
            background-color: white;
            margin-bottom: 20px;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 2px 5px rgba(0,0,0,0.1);
            display: flex;
            align-items: center;
        }
        .cuisine img {
            width: 200px;
            height: 150px;
            object-fit: cover;
            margin-right: 20px;
            border-radius: 4px;
        }
        .cuisine-info {
            flex: 1;
        }
        footer {
            background-color: #8B0000;
            color: white;
            text-align: center;
            padding: 10px;
            margin-top: 30px;
        }
        .back-to-home {
            text-align: center;
            margin: 20px 0;
        }
    </style>
</head>
<body>
    <header>
        <h1>中国饮食文化</h1>
        <p>品味舌尖上的中国</p>
    </header>
    
    <nav>
        <a href="index.html">首页</a>
        <a href="festivals.html">传统节日</a>
        <a href="arts.html">传统艺术</a>
        <a href="philosophy.html">哲学思想</a>
        <a href="cuisine.html">饮食文化</a>
    </nav>
    
    <div class="container">
        <div class="cuisine">
            <img src="C:\Users\16813\Desktop\传统文化\images/川菜.jpg" alt="川菜">
            <div class="cuisine-info">
                <h2>川菜</h2>
                <p>川菜以麻辣著称，讲究"一菜一格，百菜百味"，代表菜品有麻婆豆腐、宫保鸡丁、水煮鱼等。</p>
                <p><strong>特点：</strong>麻辣鲜香，调味多变</p>
            </div>
        </div>
        
        <div class="cuisine">
            <img src="C:\Users\16813\Desktop\传统文化\images/粤菜.jpg" alt="粤菜">
            <div class="cuisine-info">
                <h2>粤菜</h2>
                <p>粤菜注重食材本味，讲究火候和刀工，代表菜品有白切鸡、烧鹅、清蒸鱼等。</p>
                <p><strong>特点：</strong>清淡鲜美，原汁原味</p>
            </div>
        </div>
        
        <div class="cuisine">
            <img src="C:\Users\16813\Desktop\传统文化\images/点心.jpg" alt="点心">
            <div class="cuisine-info">
                <h2>点心</h2>
                <p>点心是中国饮食文化的重要组成部分，包括包子、饺子、烧卖等各种精致小吃，常作为早茶食用。</p>
                <p><strong>特点：</strong>小巧精致，种类繁多</p>
            </div>
        </div>
        
        <div class="back-to-home">
            <a href="index.html">&laquo; 返回首页</a>
        </div>
    </div>
    
    <footer>
        <p>&copy; 2023 中国传统文化网站 